<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="../css/eui.css">
</head>
<body>
<div id="app">
    <img :src="userInfo.avatarUrl" style="width:200px" alt="用户头像">
    <p>昵称:{{userInfo.nickname}}</p>
    <p>邮箱:{{userInfo.emailAddress}}</p>
    <p>个人简介:{{userInfo.profile}}</p>
    <p>性别:{{userInfo.gender}}</p>
    <p>出生日期:{{userInfo.birthday}}</p>
    <p>所在地:{{userInfo.location}}</p>
    <p>余额:{{userInfo.balance}}</p>
</div>
</body>
<!-- import JavaScript -->
<script src="../js/vue.min.js"></script>
<script src="../js/eui.js"></script>
<script src="../js/axios.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                userInfo:{}
            }
        },
        created:function () {
            axios.get("/user/selectSelf/info").then(function (response) {
                v.userInfo = response.data;
            })
        }
    })
</script>
</html>